<template>
	<view>
		<image src="../../static/back.png" class="back"></image>
		
		<video :src="src" 
		:show-mute-btn="true"  
		:autoplay="true" 
		object-fit="contain" 
		:show-fullscreen-btn="false"
		style="width: 100%;"
		:style="{height:`${windowHeight}`}"
		></video>
	</view>
</template>

<script>
	export default {
		data() {
			return {
				src:'',
				windowHeight:''
			}
		},
		onLoad(e) {
			var that = this;
			that.src = e.src;
			uni.getSystemInfo({
			    success: function (res) {
					that.windowHeight = res.windowHeight+'px';
			    }
			});
		},
		methods: {
			
		}
	}
</script>

<style>
.back{
	position: fixed;
	top: 20rpx;
	left: 20rpx;
	width: 50rpx;
	height: 50rpx;
	z-index: 999;
}
</style>
